<template>
    <div id="new">
        <div class="new-banner">
            <img src="@/assets/img/new1_banner.png" alt="" />
            <div class="banner-contain">
                <h1>深圳仰望科技有限公司</h1>
                <p>ShenZhen YANGWNG Technology co., LTD.</p>
            </div>
        </div>
        <div class="new-container">
            <router-view></router-view>
        </div>
        <div class="serve" data-aos="fade-up"  data-aos-once='true'>
            <div class="serve-bg">
                <img src="@/assets/img/serve-bg.png" alt="">
            </div>
            <div class="serve-content">
                <div class="serve-l">
                    <img src="@/assets/img/logo.png" alt="" />
                </div>
                <div class="serve-r">
                    <h1>用科技服务大众 为客户量身定制</h1>
                    <p>ShenZhen YANGWANG Technology company</p>
                </div>
            </div>
        </div>
    </div>
</template>
<style lang="scss">
#new{
    width: 100%;
    .new-banner{
        width: 100%;
        height: 608px;
        position: relative;
        .banner-contain{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            h1{
                padding-top: 253px;
                font-size: 80px;
                font-weight: bold;
                line-height: 116px;
                text-align: center;
                color: #fff;
            }
            p{
                font-size: 18px;
                color: #F7F9FC;
                line-height: 27px;
                text-align: center;
                margin-top: 9px;
            }
        }
    }
}
</style>